/* Responsive CSS Document */

/* 
    Created on   : 12/10/2020. 
    Theme Name   : Website Vale.
    Description  : Website Vale - A Complete Website Development Company.
    Version      : 1.0.
    State        : Delhi.
    Developed by : Ved Chaudhary.
   
*/



@media (max-width: 992px) {
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled
    {
        display:block;
    }
    .modal-header .close {
        margin-top: 8px !important;
        margin-right: 16px !important;
        
    }
    .modal-content {
        border-radius: 24px !important;
    }
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
    .login-inner {
        margin:16px!important;
    }
    .login-form {
        border-radius: 36px;
        padding: 0px 26px;
    }
    .padding-left {
        padding-left:0px;
    }
    .login-images {
        padding: 18px;
    }
    .forget-password {
        padding: 16px 0px 0px !important;
    }
}
@media (max-width: 768px) {
    .advertisment-layout,
    .about-us-section{
        padding:12px 0px 24px;
    }
    .inner-text-news{
        padding-top:0px;
        width:81%;
    }
    .vacancy-images{
        padding: 30px 14px;
    float: left;
    text-align: center;
    margin: 0 auto;    
    }
    .about-main-content{
        padding:16px
    }
    .video-gallery .hero ul   {
        bottom: -142px;
        left: -151px;
    }
    .video-gallery  .owl-next,
    .gallery-slider .owl-next{
        right:5px;
    }
    .video-gallery  .owl-prev,
    .gallery-slider .owl-prev{
        left:5px;
    }
    .logo img{
        width: 100%;
    }
    .registration{
        padding: 28px 16px 0px;
    }
    .about-main-content p {
        width:100%;
    }
    .theme-title h2 {
        font-size: 24px;
    }
    .login-inner {
        margin:16px!important;
    }
    .login-form {
        border-radius: 36px;
        padding: 0px 26px;
    }
    .padding-left {
        padding-left:0px;
    }
    .login-images {
        padding: 18px;
    }
    .forget-password {
        padding: 16px 0px 0px !important;
    }
    .slider-text{
        width: 100%;
        left:0px;
        top:0px;
        padding:8px 16px;
        top: 10%;
    }
    .slider-text p{
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
    }
    .slider-text h2{
        font-size: 42px;
        line-height: 44.06px;
    }
    .slider-text h4 {
        font-size: 18px;
        font-weight: 700;
        line-height: 39.85px;
        text-align: center;
        margin: 0px;
    }
    .carousel-control{
        width: 46px !important;
        height: 46px;
        margin: 0px 16px;
    }
    .carousel-control .fa {
        padding: 14px;
        color: #000;
        font-size: 16px;
    }
    .carousel-indicators li {
        display:none;
    }
}

@media (max-width: 420px) {
    .registration{
        padding: 13px 16px 0px;
    }
    .slider-text{
        top:5%;
    }
    .slider-text p{
        font-size: 12px;
        font-weight: 400;
        line-height: 19px;
    }
    .slider-text h2{
        font-size: 24px;
        line-height: 1.06px;
    }
    .slider-text h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 19.85px;
        text-align: center;
        margin: 0px;
    }
    .slider-text{
        padding:0px;
    }
    .carousel-control {
        width: 34px !important;
        height: 34px;
        margin: 0px 6px;
    }
    .carousel-control .fa {
        padding: 11px;
        color: #000;
        font-size: 13px;
    }
    .slider-text .view-more {
        display:none;
    }
}